html{height:100%}
body{height:100%}
.layout-wrap{background-color:transparent;}
.swiper-container{width: 1170px; height: 200px;}
.pagination {position: absolute;left: 0;text-align: center;bottom:5px;width: 100%;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;}
.swiper-slide{ overflow: hidden; height:350px; background-size:100% 100% ; background-position:50% 0;    }

.first-block{ height:350px; background-color: #FFA200; position:relative; margin-top:-20px;}
.first-block .adv{ height:100%; width:100%;}
.first-block .slogan{ margin-top: 12%;}
.signin-panel{ width:300px; background-color: #FFF; padding:10px 20px; position:absolute; right:10%; top:40px; min-height:250px; z-index: 99;}
.block {background: rgb(238, 238, 238);width: 1149px;margin: 0px auto;margin-top: 20px;}
.today{background: rgb(255, 255, 255);border: 1px solid #eee;line-height:50px; padding:5px 20px; font-size: 18px;margin-bottom: 5px;}

.market{background-color:transparent; color:#ccc}
.market-menu-group{background: rgb(255, 255, 255); float:left; width:20%; height:600px;border:1px solid #eee; box-sizing: border-box; }
.market-menu-group .first-menu{display:block;line-height:101px; font-size:24px;  text-align:center;color: #1B1A1A;border-bottom:1px solid #eee;}
.market-menu-group .menu{ display:block; line-height:50px;  text-indent:20px; color: #0A0909; border-bottom:1px solid #eee; cursor:pointer }
.market-menu-group .menu.active{ background-color: #ABB6D3}
.market-menu-group .menu:hover{ background-color:#fff; color:#333}
.market-content{background: rgb(255, 255, 255);float:right; width:80%; min-height:600px;box-sizing: border-box;  border-top:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee}
.market-content .number-group{ border-bottom:1px solid #eee}
.market-content .number-group .first-item{ float:left;line-height:101px; font-size:24px; width:20%; text-align:center;color:#ccc}
.market-content .number-group .item{ float:left; width:14%;  margin-top:28px; border-left:1px solid #31467d; box-sizing: border-box;}
.market-content .number-group .item .number{ font-size:20px; text-align:center}
.market-content .number-group .item .remark{ font-size:11px;text-align:center}
.market-content .chart-wrapper{ position:relative; padding-right:260px;}
.market-content .chart-wrapper .chart{ height:470px; margin-top:10px;}
.market-content .chart-wrapper .table-trade{ width:250px; position:absolute; right:10px; top:0px; }
.market-content .chart-wrapper .table-trade .table{border:1px solid #eee;}
.market-content .chart-wrapper .table-trade .th{ background-color: #FF690F; border-bottom:1px solid #eee;}
.market-content .chart-wrapper .table-trade .tr{ border-bottom:1px solid #eee;}
.market-content .trade-btn{display:block; margin:0px auto 10px auto; line-height:30px; color: #fff; font-size: 14px; border-radius: 3px; text-align:center; background-color: #ff690f; width:100%;}
@media screen and (max-width: 800px) { /*当屏幕尺寸小于500px时，应用下面的CSS样式*/
.swiper-slide{ overflow: hidden; height:200px;  }

.today{line-height:40px; border:1px solid #31467d; padding:0px; font-size: 14px; text-align: center;}

.market{ padding:0px; color:#ccc}

.market-content .chart-wrapper{ padding-right:0px;}
.market-menu-group{ position:absolute;top:188px; left:25%; z-index:10; height:40px; border:0px; width:50%}
.market-menu-group select{ text-align:center;background-color:#fff; line-height:30px;}
.market-content{ width:100%; height:100%;min-height:100%;border-left:1px solid #31467d;border-right:1px solid #31467d;}

.market-content .number-group .first-item{width:33%; font-size:14px;line-height:36px;border-bottom:1px solid #31467d;}
.market-content .number-group .item{ width:33%;  margin-top:0px; padding:5px 0px; height: 50px;color:#ccc}
.market-content .number-group .item:nth-child(2){ border-left:0px;}
.market-content .number-group .item:nth-child(5){ border-left:0px;}
.market-content .number-group .item .number{ font-size:14px;}
.market-content .number-group .item .remark{ font-size:10px;}
.market-content .chart-wrapper .table-trade{ width:100%; position: inherit; right:0px;   }
.market-content .chart-wrapper .chart{ height:270px; margin-top:0px;}
.market-content .trade-btn{ margin:10px auto ;  width:80%;}
.market-content .table-wrapper{ padding:5px;}
.market-content .trade-box{   padding:10px;}
.market-content .trade-box.left{ border-left:0px solid #eee}

.first-block{ height:150px; background-color:#eee; position:relative;margin-top: 0px;}
.first-block .adv{ height:150px; width:100%;}
.first-block .slogan{ margin-top: 12%; width: 100%; text-align: center; }

}